<<<<<<< HEAD
:root {
    --primary-color: #333333;
    --primary-text-color: #333333;
}

html,
body {
    width: 100%;
    min-height: 100%;
    height: 100%;
}

body {
    font-size: 14rem;
    color: #333;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Microsoft YaHei;
}

.color_f {
    color: #fff;
}

.color_3 {
    color: #333;
}

.color_6 {
    color: #666;
}

.color_9 {
    color: #999;
}

.color_5f65 {
    color: #5F6574;
}

.color_576f {
    color: #576FFA;
}

.color_7b6c {
    color: #7B6C5C;
}

.color_71c4 {
    color: #71C4CC;
}
.color_a9ba {
    color: #A9BAD8;
}

.color_e8a8 {
    color: #E8A8A8;
}

.color_878c {
    color: #878C97;
}
.color_fd5f {
    color: #FD5F00;
}

.color_green {
    color: #02671a;
}

.color_orange {
    color: #f67b22;
}

.color_1adab7 {
    color: #1adab7;
}

.f12 {
    font-size: 12rem;
}

.f13 {
    font-size: 13rem;
}

.f14 {
    font-size: 14rem;
}

.f15 {
    font-size: 15rem;
}

.f16 {
    font-size: 16rem;
}

.f17 {
    font-size: 17rem;
}

.f18 {
    font-size: 18rem;
}

.f19 {
    font-size: 19rem;
}

.f20 {
    font-size: 20rem;
}

.f21 {
    font-size: 21rem;
}

.f22 {
    font-size: 22rem;
}

.f23 {
    font-size: 23rem;
}

.f24 {
    font-size: 24rem;
}

.f25 {
    font-size: 25rem;
}

.f26 {
    font-size: 26rem;
}

.f27 {
    font-size: 27rem;
}

.f28 {
    font-size: 28rem;
}

.f30 {
    font-size: 30rem;
}

.f32 {
    font-size: 32rem;
}

.f40 {
    font-size: 40rem;
}

.f50 {
    font-size: 50rem;
}

.line-clamp-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.line-clamp-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.line-clamp-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.f_weight {
    font-weight: bold;
}

.flex {
    display: flex;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.flex-wid {
    flex: 1;
    min-width: 1px;
}

.flex-hei {
    flex: 1;
    min-height: 1px;
}

.justify-center {
    display: flex;
    justify-content: center;
}

.justify-end {
    display: flex;
    justify-content: flex-end;
}

.justify-around {
    display: flex;
    justify-content: space-around;
}

.justify-between {
    display: flex;
    justify-content: space-between;
}

.align-start {
    display: flex;
    align-items: flex-start;
}

.align-center {
    display: flex;
    align-items: center;
}

.align-end {
    display: flex;
    align-items: flex-end;
}

.scroll-y {
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.scroll-y::-webkit-scrollbar {
    width: 0;
}
.scroll-y::scrollbar {
    width: 0;
}
.grid-column-2 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
}
.grid-column-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
}
.grid-column-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
}
.grid-column-5 {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
}
.grid-column-6 {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
}
.grid-column-7 {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
}
.grid-column-8 {
    display: grid !important;
    grid-template-columns: repeat(8, 1fr) !important;
}
.grid-column-9 {
    display: grid !important;
    grid-template-columns: repeat(9, 1fr) !important;
}
.grid-column-10 {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
}

/* 关闭图标 */
.close-mask-icon {
    position: absolute;
    width: 30rem;
    height: 30rem;
    text-align: center;
    line-height: 30rem;
    font-size: 30rem;
    top: -28rem;
    right: -38rem;
    color: #fff;
    cursor: pointer;
}
=======
:root{--primary-color:#333333;--primary-text-color:#333333}html,body{width:100%;min-height:100%}body{font-size:14rem;color:#333}*{margin:0;padding:0;box-sizing:border-box;font-family:Microsoft YaHei}.color_f{color:#fff}.color_3{color:#333}.color_6{color:#666}.color_9{color:#999}.color_5f65{color:#5F6574}.color_576f{color:#576FFA}.color_6772{color:#677289}.color_7b6c{color:#7B6C5C}.color_71c4{color:#71C4CC}.color_a9ba{color:#A9BAD8}.color_e8a8{color:#E8A8A8}.color_878c{color:#878C97}.color_fd5f{color:#FD5F00}.choose-active{color:#fff !important;background:#576FFA !important;border-color:#576FFA !important}.choose-success{color:#fff !important;background:#71C4CC !important;border-color:#71C4CC !important}.choose-fail{color:#fff !important;background:#E8A8A8 !important;border-color:#E8A8A8 !important}.f12{font-size:12rem}.f13{font-size:13rem}.f14{font-size:14rem}.f15{font-size:15rem}.f16{font-size:16rem}.f17{font-size:17rem}.f18{font-size:18rem}.f19{font-size:19rem}.f20{font-size:20rem}.f21{font-size:21rem}.f22{font-size:22rem}.f23{font-size:23rem}.f24{font-size:24rem}.f25{font-size:25rem}.f26{font-size:26rem}.f27{font-size:27rem}.f28{font-size:28rem}.f30{font-size:30rem}.f32{font-size:32rem}.f40{font-size:40rem}.f50{font-size:50rem}.line-clamp-1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.f_weight{font-weight:bold}.flex{display:flex}.flex-column{display:flex;flex-direction:column}.flex-wrap{display:flex;flex-wrap:wrap}.flex-wid{flex:1;min-width:1px}.flex-hei{flex:1;min-height:1px}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:flex-end}.justify-around{display:flex;justify-content:space-around}.justify-between{display:flex;justify-content:space-between}.align-start{display:flex;align-items:flex-start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:flex-end}.scroll-y{max-height:100%;overflow-x:hidden;overflow-y:scroll}.scroll-y::-webkit-scrollbar{width:0}.scroll-y::scrollbar{width:0}.grid-column-2{display:grid !important;grid-template-columns:repeat(2,1fr) !important}.grid-column-3{display:grid !important;grid-template-columns:repeat(3,1fr) !important}.grid-column-4{display:grid !important;grid-template-columns:repeat(4,1fr) !important}.grid-column-5{display:grid !important;grid-template-columns:repeat(5,1fr) !important}.grid-column-6{display:grid !important;grid-template-columns:repeat(6,1fr) !important}.grid-column-7{display:grid !important;grid-template-columns:repeat(7,1fr) !important}.grid-column-8{display:grid !important;grid-template-columns:repeat(8,1fr) !important}.grid-column-9{display:grid !important;grid-template-columns:repeat(9,1fr) !important}.grid-column-10{display:grid !important;grid-template-columns:repeat(10,1fr) !important}.close-mask-icon{position:absolute;width:30rem;height:30rem;text-align:center;line-height:30rem;font-size:30rem;top:-28rem;right:-38rem;color:#fff;cursor:pointer}
>>>>>>> 1e32b8e3c462579d32086229381aea714393daae
